<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ToDo Manager</title>
<link rel="stylesheet" href="{@pp:base}{@pp:tpl_folder}/css/main.css" type="text/css"  media="screen"/>
{@pp:style}
<script type="text/javascript" src="{@pp:base}{@pp:tpl_folder}/js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="{@pp:base}{@pp:tpl_folder}/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="{@pp:base}{@pp:tpl_folder}/js/main.js"></script>
{@pp:script}
<script type="text/javascript">
<!--
	var aSID = '{@pp:aSID}';
	var loading_img = '<div class="loading">&nbsp;</div>';
	var msg_insert_success = '<span class="msg_info">{@pp:msg_insert_success}</span>';
	var msg_insert_error = '<span class="msg_error">{@pp:msg_insert_error}</span>';
	var popup='';

	$(document).ready(function() {
		$('#background_dark').click(closePopUp);
		showMessage('{@pp:messages}');
	});

	function closePopUp() {
		if(popup!='') {
			$('#'+popup).fadeOut();
			popup='';
		}
		$('#background_dark').fadeOut();
	}
	function showPopUp(id){
		popup=id;
		$('#'+id).fadeIn();
		$('#background_dark').fadeIn();
	}
	function showMessage(string){
		$('#messages').html(string).slideDown();
		setTimeout(function() {$('#messages').slideUp();$('#messages').html('');}, 8000);
	}
//-->
</script>
</head>
<body>
	<div id="background_dark">&nbsp;</div>
	<div id="main">
		<div id="menu">
            <div id="logout">
                <a href="logout.php"><img src="{@pp:base}{@pp:tpl_folder}/img/menu/logout.png" /><br />Logout</a>
            </div>
            <ul>
                <li id="logo"><img src="{@pp:base}{@pp:tpl_folder}/img/logo.png"/></li>
                <li {@pp:menu_0}><a href="home.php"><img src="{@pp:base}{@pp:tpl_folder}/img/menu/home{@pp:menu_img_0}.png" /><br />Home</a></li>
                <li {@pp:menu_1}><a href="projects.php"><img src="{@pp:base}{@pp:tpl_folder}/img/menu/project{@pp:menu_img_1}.png" /><br />Projekte</a></li>
                <li {@pp:menu_2}><a href="todos.php"><img src="{@pp:base}{@pp:tpl_folder}/img/menu/todo{@pp:menu_img_2}.png" /><br />Todos</a></li>
                <li {@pp:menu_3}><a href="discussions.php"><img src="{@pp:base}{@pp:tpl_folder}/img/menu/discussion{@pp:menu_img_3}.png" /><br />Diskussionen</a></li>
                <li {@pp:menu_4}><a href="profile.php"><img src="{@pp:base}{@pp:tpl_folder}/img/menu/user{@pp:menu_img_4}.png" /><br />Profil</a></li>
            </ul>
            <div class="clearer">&nbsp;</div>
        </div>
		<div id="content">
			<div id="loggedinas">Mein Profil: <a href="profile.php?id={@pp:user_id}">{@pp:user_nick}</a></div>
			<div id="breadcrumb">
				<ul>
				<pp:dynamic name="breadcrumb">
					<li style="z-index: {@pp:z_index};"><a href="{@pp:link}">{@pp:text}</a></li>
					<!-- li class="sep"><img src="{@pp:core}{@pp:tpl_folder}/img/menu/submenu_seperator.png" /></li -->
				</pp:dynamic>
				</ul>
				<div class="clearer">&nbsp;</div>
			</div>
			<div id="messages">
			&nbsp;
			</div>
			{@pp:content}
		</div>
		<div id="footer">
			<a href="projects.php">Projekte</a> | <a href="todos.php">Todos</a> | <a href="discussions.php">Diskussionen</a> | <a href="profile.php">Profil</a> | <a href="about.php">About</a><br />
			&copy; 2011 Copyright Todo Manager<br /><br />
			<strong>Debug:</strong><br />
			{@pp:debug_database_connections} Verbindungen zum Server<br />
			{@pp:debug_waited_time} Sekunden gewartet<br />
			{@pp:debug_cal_time} Sekunden gerechnet<br />
			insgesamt {@pp:debug_time} Sekunden<br />
			
		</div>
	</div>
</body>
</html>